<template>
<div class="dy-main EAccountmessageY">
  <div class="dy-header">
    <x-header :right-options="{showMore: false}"  :left-options="{backText: '',preventGoBack: true}" @on-click-more="showMenus = true" @on-click-back="back">E账户信息</x-header>
  </div>
  <div class="dy-body">
    <div class="dy-wapper">
      <scroller lock-x use-pullup @on-pullup-loading="loadMore" ref="scroller">
      <div class="dyresult" v-for="(list,listIndex) in lists" :key="listIndex">
      <div class="result">
        {{list.acctNo}}({{list.acctType === '2'? '二类户': '三类户'}})
      </div>
      <div class="financial-buy-result">
        <div class="financial-buy-result-detail">
          <div><div class="result-item-left">绑定卡号</div><div class="result-item-right">{{list.bindCard}}</div></div>
          <div><div class="result-item-left">绑定卡号开户行</div><div class="result-item-right">{{list.bankName}}</div></div>
          <div style="border:0;"><div class="result-item-left">开户时间</div><div class="result-item-right">{{list.createDate}}</div></div>
        </div>
      </div>
    </div>
    </scroller>
    </div>
  </div>
</div>
</template>

<script>

export default {
  data () {
    return {
      overReturn: '', // 解绑返回
      lists: '',
      returnData: null
    }
  },
  methods: {
    back () {
      this.$publicFun.goBack(this)
    },
    getData () {
      let _this = this
      this.$bridge.callhandler('nativeRequest',
        JSON.stringify({
          'requstSource': 'internetRequest',
          'url': 'mstep.do?act=business',
          'params': {'method_Name': 'CI004005', 'basic_Data': {cardHolder: '王大炮', IDType: '身份证', IDNo: '30344949494944949494', IDtime: '2018-2-28'}}
        }),
        function (response) {
          alert(response)
          response = JSON.parse(response)
          if (response.status === 0 || response.status === '0') {
            _this.lists = response.data.data[0].arrays
          } else {
            console.log('fail')
          }
        })
    }
  },
  created () {
    this.lists = this.$route.query.returnData
  }

}
</script>
<style lang="less">
.EAccountmessageY {
  .result {
    font-size:0.3rem;
    font-family:PingFang-SC-Bold;
    color:rgba(51,51,51,1);
    line-height:0rem;
    margin:.42rem 0 .33rem .32rem;
  }
  .financial-buy-result{
    font-size: .3rem;
    .financial-buy-result-detail{
      font-size:.28rem;
      padding-left: .3rem;
      background: #fff;
    }
    .financial-buy-result-detail>div{
      height:0.88rem;
      border-bottom:1px solid #ccc;
      line-height: .88rem;
      padding-right:.2rem;
      .result-item-left{
        /* display:inline-block; */
        width:30%;
        float: left;
        color:rgba(153,153,153,1);
      }
      .result-item-right{
        display:inline-block;
        text-align: right;
        width:70%;
        color:rgba(51,51,51,1);
        font-size:.26rem;
      }
    }
  }
  .financial-result-button{
    width: 3.4rem;
    height: .88rem;
    margin: 0 auto;
    line-height: .88rem;
    font-size: .34rem;
    color: #FFF;
    text-align: center;
    background: #EC1B30;
    border-radius: 0.06rem;
    margin-top:.8rem;
  }
  .dyresult{
    position: relative;
  }
}
</style>
